<template>
  <div>
      <el-row style="margin-top: 20px">
        <el-col :span="24">
          <el-table :data="list"
                    border
                    fit
                    highlight-current-row
                    style="width: 100%;">
            <el-table-column label="系统名称">
              <template slot-scope="scope">
                {{scope.row.Name}}
              </template>
            </el-table-column>
          </el-table>
        </el-col>
      </el-row>


  </div>
</template>

<script>

export default {
  name: 'app',

  data() {
    return {
      list: [],
      count: 0,
    }
  },
  mounted() {
    this.getList()
  },
  methods: {

    getList() {
      this.$axios
          .get("/api/system/list", {}, {})
          .then((res) => {
            if (res.data.code === 200) {
              this.list = res.data.data

            } else {
              this.$message.error(res.data.msg)
            }
            console.log(res);
          });
    },

  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
